<template>
    <div class="panel">
        <div class="panel-title" v-if="title != ''">
            <div class="panel-title-text">{{title}}</div>
        </div>
        <div class="panel-body">
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {}
    },
    props:{
        title:{
            type:String,
            default:''
        },
    },
}
</script>

<style lang="less" scoped>
.panel{
    background:#fff;
    .panel-title{
        height:45px;
        line-height:45px;
        padding:0px 24px;
        border-bottom:1px solid #EEEEEE;
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
    }
    .panel-body{
        padding:5px 24px;
    }
}
</style>
